{template Public:Page:header_shop}

<div class="col-lg-10 well-col-pl-30">
    <div class="row">
  <div class="well" style="background:#FFF">
        
    <div class="row">
               <div class="col-lg-8 col-sm-8 col-xs-8">

              	  <div class="foucebox">
                      <div class="bd">
                      	{foreach $picfile $key=>$file}
                        	{if $file['thumbcut']}
                            <div class="showDiv"> 
                            <a href="{echo C('S_URL')}/{echo $file['filepath']}" target="_blank"><img src="{echo C('S_URL')}/{echo $file['thumb']}"></a>
                              <div class="foucebox_bg"></div>
                              <div>
                                <h2><a href="{echo C('S_URL')}/{echo $file['filepath']}" target="_blank">{echo $file['name']}</a></h2>
                              </div>
                            </div>
                            {/if}
                        {/foreach}
                      </div>
                      <div class="hd">
                        <ul>
                        {foreach $picfile $key=>$file}
                        	{if $file['thumbcut']}
                         		 <li{if $key==0} class="on"{/if}><a href="#"><img src="{echo C('S_URL')}/{echo $file['thumbcut']}"></a></li>
                         	{/if}
                        {/foreach}
                        </ul>
                      </div>
                    </div>

              </div>
              
              <div class="col-lg-4 col-sm-4 col-xs-4">
                <h2>{echo $fuwu['subject']}</h2>
                
                <div class="databox-bottom bg-white no-padding">
				<div class="databox databox-xlg databox-halved radius-bordered databox-shadowed databox-vertical">
                            <div class="databox-top bg-white padding-10">
                                <div class="col-lg-4 col-sm-4 col-xs-4">
                                    {echo GetAvatarSimple($fuwu['uid'],48,'image-circular bordered-3 bordered-palegreen')}
                                </div>
                                <div class="col-lg-8 col-sm-8 col-xs-8 text-align-left padding-10">
                                    <span class="databox-header carbon no-margin">{echo $fuwu['username']}</span>
                                    <span class="databox-text lightcarbon no-margin">{echo $fuwu['category_name_1']} {echo $fuwu['category_name_2']} {echo $fuwu['category_name_3']}</span>
                                </div>
                            </div>
                            <div class="databox-bottom bg-white no-padding">
                                <div class="databox-row row-12">
                                    <div class="databox-row row-6 no-padding">
                                        <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                            <span class="databox-text sonic-silver  no-margin">关注</span>
                                            <span class="databox-number lightcarbon no-margin">{echo $fuwu['show_number']}</span>
                                        </div>
                                        <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                            <span class="databox-text sonic-silver no-margin">收藏</span>
                                            <span class="databox-number lightcarbon no-margin">{echo $fuwu['favorites_number']}</span>
                                        </div>
                                        <div class="databox-cell cell-4 no-padding text-align-center">
                                            <span class="databox-text sonic-silver no-margin">出售</span>
                                            <span class="databox-number lightcarbon no-margin">{echo $fuwu['sell_number']}</span>
                                        </div>
                                    </div>
                                    <div class="databox-row row-6 padding-10">
                                         <button class="btn btn-darkorange btn-sm pull-right" onclick="Employ({echo $fuwu['uid']});" style="margin-left:10px;">雇用TA</button> <button class="btn btn-azure btn-sm pull-right" onclick="dialogmessage('{echo $fuwu['username']}');" style="margin-left:10px;">联系</button><button class="btn btn-palegreen btn-sm pull-right" onclick="SubmitFavorites({echo $fuwu['id']});">收藏</button>
                                    </div>
                                </div>
                            </div>
                        </div>            
                   </div>
                   
                   <h3>报价： <span class="color_f60">{echo $fuwu['money']}</span> 元  &nbsp; <strong>{echo $fuwu['endtime']}</strong>天完成</h3>
                   
                   <hr />
                    <p>完成质量：<span class="color_f60">{echo number_format($fuwu['seller_works_quality']/100,2)}</span> 分</p>
            		<p>工作速度：<span class="color_f60">{echo number_format($fuwu['seller_works_peed']/100,2)}</span> 分</p>
            		<p>服务态度：<span class="color_f60">{echo number_format($fuwu['seller_works_attitude']/100,2)}</span> 分</p>
   

                   <a class="btn btn-darkorange btn-lg col-lg-12" href="javascript:void(0);" onclick="Employ({echo $fuwu['uid']},{echo $fuwu['id']});"><strong>立 刻 购 买</strong></a>
        </div>
    </div>
        </div>
        
        
        
        <div class="tabbable">
                <ul id="myTab11" class="nav nav-tabs tabs-flat">
                    <li class="active">
                        <a href="#ShowContent" data-toggle="tab">
                        服务详细
                        </a>
                    </li>
                    <li>
                        <a href="#ShowEvaluate" data-toggle="tab" onclick="GetDataEvaluate('{echo U('/get/evaluate/buyer/id/'.$fuwu['id'])}');">
                        服务评价({echo $fuwu['buyer_evaluate_number']})
                        </a>
                    </li>

                     <li>
                        <a href="#TaskMessage" data-toggle="tab" onclick="GetDataMessage('{echo U('/post/message/list/id/'.$fuwu['id'])}');">
                            服务留言({echo $fuwu['message_number']})
                        </a>
                    </li>

                </ul>
                
                
                 <div class="tab-content tabs-flat" style="padding:0px;margin:0px;">
                    <div class="tab-pane active" id="ShowContent">
                    <div class="well">
                        <div class="row">
                          <div class="col-lg-12">
                          {if $fuwu['longitude'] && $fuwu['latitude']}
                             <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
                             <div id="MyMap"></div>
                             <script type="text/javascript">
                                  var mymap = new BMap.Map("MyMap"); 
                                  mymap.enableScrollWheelZoom(); 
                                  mypoint = new BMap.Point({echo $fuwu["longitude"]},{echo $fuwu["latitude"]});
                                  mymap.centerAndZoom(mypoint,{if intval($task["mapzoom"])<1}10{else}{echo $task["mapzoom"]}{/if});                
                                  window.setTimeout(function(){mymap.panTo(mypoint);}, 2000);
                                  var mymarker = new BMap.Marker(mypoint); 
                                  mymap.addOverlay(mymarker); 
                                  mymap.addControl(new BMap.NavigationControl()); 
                                  $('#MyMap').css('height',220).css('width','auto');
                                  
                             </script>
                            {/if}
                          {echo htmlspecialchars_decode($fuwu['content'])}
                           </div>
                        </div>
                        </div>  
                    </div>
                    
                     <div class="tab-pane" id="ShowEvaluate">
                    <div class="well">
                        <div class="row">
                           <div class="col-lg-12">
                           <div id="ListEvaluate"></div>
                           <div class="dataTables_paginate paging_bootstrap text-right" id="ListEvaluatePage"></div>
                           </div>
                        </div>
                        </div>  
                    </div>

                    <div class="tab-pane" id="TaskMessage">
                    
                    <div class="well">
                            <div class="row">
                              <div class="col-lg-12">
                              	<h5>服务留言 (200字内)</h5>
                                <div id="ListMessage"></div>
                                <div class="dataTables_paginate paging_bootstrap text-right" id="ListMessagePage"></div>
                                <div>
                                <textarea placeholder="留言内容" rows="3" class="form-control" id="DataMessage"></textarea>
                                </div>
                                <div class="col-pt-10">
                                <button class="btn btn-palegreen" type="submit" onclick="SubmitDataMessage({echo $fuwu['id']})">提交</button>
                           		</div>
                                                    
                               </div>
                            </div>
                        </div> 
                    
                    </div>
                </div>
                                       
        </div>
    
    
      <div class="well" style="background:#FFF">
            <div class="row">
                   <div class="col-lg-12 col-sm-12 col-xs-12">
                   <h4>相关服务</h4>
                    <div class="row">

                    	   {if $fuwuarray}
                    			{foreach $fuwuarray $key=>$value}
                                 {template Fuwu:Index:item}
                          		{/foreach}
                     	   {/if}   
    
                        </div>
                   </div>
            </div>
        </div>
    </div>
</div>


</div></div>

<script>
(function(a){a.fn.slide=function(b){return a.fn.slide.defaults={effect:"fade",autoPlay:!1,delayTime:500,interTime:2500,triggerTime:150,defaultIndex:0,titCell:".hd li",mainCell:".bd",targetCell:null,trigger:"mouseover",scroll:1,vis:1,titOnClassName:"on",autoPage:!1,prevCell:".prev",nextCell:".next",pageStateCell:".pageState",opp:!1,pnLoop:!0,easing:"linear",startFun:null,endFun:null,switchLoad:null},this.each(function(){var c=a.extend({},a.fn.slide.defaults,b),d=c.effect,e=a(c.prevCell,a(this)),f=a(c.nextCell,a(this)),g=a(c.pageStateCell,a(this)),h=a(c.titCell,a(this)),i=h.size(),j=a(c.mainCell,a(this)),k=j.children().size(),l=c.switchLoad;if(null!=c.targetCell)var m=a(c.targetCell,a(this));var n=parseInt(c.defaultIndex),o=parseInt(c.delayTime),p=parseInt(c.interTime);parseInt(c.triggerTime);var r=parseInt(c.scroll),s=parseInt(c.vis),t="false"==c.autoPlay||0==c.autoPlay?!1:!0,u="false"==c.opp||0==c.opp?!1:!0,v="false"==c.autoPage||0==c.autoPage?!1:!0,w="false"==c.pnLoop||0==c.pnLoop?!1:!0,x=0,y=0,z=0,A=0,B=c.easing,C=null,D=n;if(0==i&&(i=k),v){var E=k-s;i=1+parseInt(0!=E%r?E/r+1:E/r),0>=i&&(i=1),h.html("");for(var F=0;i>F;F++)h.append("<li>"+(F+1)+"</li>");var h=a("li",h)}if(j.children().each(function(){a(this).width()>z&&(z=a(this).width(),y=a(this).outerWidth(!0)),a(this).height()>A&&(A=a(this).height(),x=a(this).outerHeight(!0))}),k>=s)switch(d){case"fold":j.css({position:"relative",width:y,height:x}).children().css({position:"absolute",width:z,left:0,top:0,display:"none"});break;case"top":j.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+s*x+'px"></div>').css({position:"relative",padding:"0",margin:"0"}).children().css({height:A});break;case"left":j.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+s*y+'px"></div>').css({width:k*y,position:"relative",overflow:"hidden",padding:"0",margin:"0"}).children().css({"float":"left",width:z});break;case"leftLoop":case"leftMarquee":j.children().clone().appendTo(j).clone().prependTo(j),j.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+s*y+'px"></div>').css({width:3*k*y,position:"relative",overflow:"hidden",padding:"0",margin:"0",left:-k*y}).children().css({"float":"left",width:z});break;case"topLoop":case"topMarquee":j.children().clone().appendTo(j).clone().prependTo(j),j.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+s*x+'px"></div>').css({height:3*k*x,position:"relative",padding:"0",margin:"0",top:-k*x}).children().css({height:A})}var G=function(){a.isFunction(c.startFun)&&c.startFun(n,i)},H=function(){a.isFunction(c.endFun)&&c.endFun(n,i)},I=function(b){b.eq(n).find("img").each(function(){a(this).attr(l)!==void 0&&a(this).attr("src",a(this).attr(l)).removeAttr(l)})},J=function(a){if(D!=n||a||"leftMarquee"==d||"topMarquee"==d){switch(d){case"fade":case"fold":case"top":case"left":n>=i?n=0:0>n&&(n=i-1);break;case"leftMarquee":case"topMarquee":n>=1?n=1:0>=n&&(n=0);break;case"leftLoop":case"topLoop":var b=n-D;i>2&&b==-(i-1)&&(b=1),i>2&&b==i-1&&(b=-1);var p=Math.abs(b*r);n>=i?n=0:0>n&&(n=i-1)}if(G(),null!=l&&I(j.children()),m&&(null!=l&&I(m),m.hide().eq(n).animate({opacity:"show"},o,function(){j[0]||H()})),k>=s)switch(d){case"fade":j.children().stop(!0,!0).eq(n).animate({opacity:"show"},o,B,function(){H()}).siblings().hide();break;case"fold":j.children().stop(!0,!0).eq(n).animate({opacity:"show"},o,B,function(){H()}).siblings().animate({opacity:"hide"},o,B);break;case"top":j.stop(!0,!1).animate({top:-n*r*x},o,B,function(){H()});break;case"left":j.stop(!0,!1).animate({left:-n*r*y},o,B,function(){H()});break;case"leftLoop":0>b?j.stop(!0,!0).animate({left:-(k-p)*y},o,B,function(){for(var a=0;p>a;a++)j.children().last().prependTo(j);j.css("left",-k*y),H()}):j.stop(!0,!0).animate({left:-(k+p)*y},o,B,function(){for(var a=0;p>a;a++)j.children().first().appendTo(j);j.css("left",-k*y),H()});break;case"topLoop":0>b?j.stop(!0,!0).animate({top:-(k-p)*x},o,B,function(){for(var a=0;p>a;a++)j.children().last().prependTo(j);j.css("top",-k*x),H()}):j.stop(!0,!0).animate({top:-(k+p)*x},o,B,function(){for(var a=0;p>a;a++)j.children().first().appendTo(j);j.css("top",-k*x),H()});break;case"leftMarquee":var q=j.css("left").replace("px","");0==n?j.animate({left:++q},0,function(){if(j.css("left").replace("px","")>=0){for(var a=0;k>a;a++)j.children().last().prependTo(j);j.css("left",-k*y)}}):j.animate({left:--q},0,function(){if(2*-k*y>=j.css("left").replace("px","")){for(var a=0;k>a;a++)j.children().first().appendTo(j);j.css("left",-k*y)}});break;case"topMarquee":var t=j.css("top").replace("px","");0==n?j.animate({top:++t},0,function(){if(j.css("top").replace("px","")>=0){for(var a=0;k>a;a++)j.children().last().prependTo(j);j.css("top",-k*x)}}):j.animate({top:--t},0,function(){if(2*-k*x>=j.css("top").replace("px","")){for(var a=0;k>a;a++)j.children().first().appendTo(j);j.css("top",-k*x)}})}h.removeClass(c.titOnClassName).eq(n).addClass(c.titOnClassName),D=n,0==w&&(f.removeClass("nextStop"),e.removeClass("prevStop"),0==n?e.addClass("prevStop"):n==i-1&&f.addClass("nextStop")),g.html("<span>"+(n+1)+"</span>/"+i)}};J(!0),t&&("leftMarquee"==d||"topMarquee"==d?(u?n--:n++,C=setInterval(J,p),j.hover(function(){t&&clearInterval(C)},function(){t&&(clearInterval(C),C=setInterval(J,p))})):(C=setInterval(function(){u?n--:n++,J()},p),a(this).hover(function(){t&&clearInterval(C)},function(){t&&(clearInterval(C),C=setInterval(function(){u?n--:n++,J()},p))})));var K;"mouseover"==c.trigger?h.hover(function(){n=h.index(this),K=window.setTimeout(J,c.triggerTime)},function(){clearTimeout(K)}):h.click(function(){n=h.index(this),J()}),f.click(function(){(1==w||n!=i-1)&&(n++,J())}),e.click(function(){(1==w||0!=n)&&(n--,J())})})}})(jQuery),jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return 1>(b/=e/2)?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return 1>(b/=e/2)?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return 1>(b/=e/2)?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return 1>(b/=e/2)?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:1>(b/=e/2)?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return 1>(b/=e/2)?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),Math.abs(d)>h){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),Math.abs(d)>h){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=e*.3*1.5),Math.abs(d)>h){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c:.5*h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),1>(b/=e/2)?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){return 1/2.75>(b/=e)?d*7.5625*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,b,c,d,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,0,d,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,0,d,e)+.5*d+c}});

jQuery(".foucebox").slide({ effect:"fold", autoPlay:true, delayTime:300, startFun:function(i){jQuery(".foucebox .showDiv").eq(i).find("h2").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"0px"},300);jQuery(".foucebox .showDiv").eq(i).find("p").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"10px"},300);}});

</script>


{template Shop:Fuwu:employ}

{template Public:Page:footer}